import React from "react";
import { useRoutes } from "react-router-dom";
import routes from "./routers";//引入路由表,由路径和去到哪的组件组成,路由器需要包裹路由表


export default function App() {
  // 函数式组件hooks 使用规则, 必须写在函数式组件函数的内部最外层,如果在包裹一层函数就不能使用
  return (
    <div>
     {
      // 这是hooks  是函数都要在js环境中书写
      // useRoutes(routes)  用于根据路由表,动态创建Routes和Route,在需要路由的位置书写,替代手动遍历生成route和routes
       useRoutes(routes)
      //路由表是交给App的, 在这里用了hooks是交给useRoutes处理的,要给它一个路由表信息,就需要它认识,遵守规范
     }
    </div>
  );
}
